@charset "UTF-8";
@import "base.css";


/*---------- 02  Container -----------*/

body {
	background:url(../images/bg.gif) repeat-x;
	background-color:#d2d1d0;
	font-size:12px;
	color:#333;
}
body.login {
	background-color:#d2d1d0;
	font-size:12px;
	color:#333;
	background:url(../images/bg_login.gif) repeat-x;
	background-color:#dbdbdb;
}
input, select, option, textarea { color:#333333; font-size: 12px; line-height: 18px; letter-spacing:0px; margin:0px;font-family:Tahoma, Arial, "Times New Roman";}
imes New Roman"; }
a:link,a:visited,a:active{ color:#687a0d;text-decoration:underline;}
a:hover{ color:#687a0d; text-decoration:none;}
#wrapper {
	width: 990px;
	padding: 0;
	text-align: center;
	margin:auto;
}
#wrapper #login {
	margin: 0px 331px 0 331px;
	background:url(../images/login_frame.gif) no-repeat;
	width:328px;
	text-align:center;
	overflow:hidden;
	padding:0;
}
.textLogin{ height:18px; width:180px;}

* html body #wrapper { width:990px; }

.submitLogin{
	width:96px;
	line-height:26px;
	display:block;
}
.submitLogin a{
	text-decoration:none;
	font-size:14px;
	color:#3f6faf;
	font-weight:bold;
	letter-spacing:0px;
	line-height:26px;
	display:block;
}
.submitLogin a:hover{
	text-decoration:none;
	font-size:14px;
	color:#1c457b;
	font-weight:bold;
	letter-spacing:0px;
	line-height:26px;
	display:block;
}
.xoaLogin{
	width:42px;
	display:block;
	margin:0;
	padding:0;
}
.xoaLogin a{
	width:42px;
	display:block;
	text-decoration:none;
	display:block;
	line-height:26px;
	height:14px;
}
.xoaLogin a:hover{
	display:block;
	text-decoration:none;
	color:#56650a;
	text-decoration:none;
}
.loginFail
{
    margin:110px 330px 0 330px;
    height:20px;
    color:Red;
    text-align:center;}
/*---------- 03  Header -----------*/
#header {
	margin: 0;
	padding: 0;
}
#header #header_01 {
	overflow:hidden;
	padding: 0;
	margin-bottom:1px;
}
#header #header_01_01 {
	font-family:MgOpen Modata,Helvetica,Geneva;
	font-size:30px;
	color:#000;
	line-height:43px;
	padding-top:20px;
	float:left;
	text-indent:50px;
	background:url(../images/logo.gif) no-repeat;
	/*shadow
	text-shadow: #6374AB 2px 5px 2px;
	line-height: 2em;*/
	float:left;
	margin:20px 0 0 0;

}
#header #header_01_02 {
	float:right;
	width:300px;
	margin-top:10px;
}
.userIcon{
	background:url(../images/profile.png) no-repeat;
	background-position:right;
	text-align:right;
	line-height:22px;
	padding-right:22px;
}
.logoutIcon{
	background:url(../images/Exit.png) no-repeat;
	background-position:right;
	text-align:right;
	line-height:22px;
	padding-right:22px;
}
.timeMsg{
	font-size:11px;
	font-style:italic;
	color:#999;
	line-height:18px;
}

#header #header_02 {
	padding: 0;
	overflow:hidden;
}
#header #header_03 {
	padding: 0;
	overflow:hidden;
	text-align:left;
	height:20px;
}

#header #header_03 ul.ul_sub {
	list-style:none;
	padding:0;
	margin:0px 0 0 5px;
	width:96%;
}
#header #header_03 ul.ul_sub li.li_sub {
	list-style:none;
	background:url(../images/arrow.png) 0px 3px no-repeat;
	display:inline;
	padding:0 0 0 8px;
	line-height:24px;
	margin:0 8px 0 0;
}
#header #header_03 ul.ul_sub li.li_sub a{
	text-decoration:none;
}
#header #header_03 ul.ul_sub li.li_sub a:hover{
	text-decoration:underline;
}

#page-tabs{position:relative;top:2px;padding:0;margin:0;text-align:left;}
#page-tabs ul{list-style:none; margin-left:0;padding:0;}
#page-tabs ul li{
	background-color:#DCDCDA;
	float:left;
	display:inline;
	background:url(../images/menu.png) repeat-x;
	line-height:29px;
	font-size:12px;
	font-weight:bold;
	color:#1a5b8a;
	padding:0;
	margin:0;
	border:0px solid #FF0000;
}
#page-tabs ul li a{
	color:#333333;float:left;display:block;padding-right:8px;padding-left:8px;
	text-decoration:none; font-weight:bold; color:#1a5b8a;margin:0;padding:0}
#page-tabs ul li a:hover{text-decoration:none; font-weight:bold; color:#697b11}
#page-tabs ul li:not(.selected) a{color:#555555}#page-tabs ul li:not(.selected) a:hover{color:#697b11}
#page-tabs ul div{float:left;height:27px;width:27px;background:url(../images/menu.png) 0 -135px no-repeat}
#page-tabs ul li.last div.last{width:21px;background:url(../images/menu.png) 0 -54px no-repeat}
#page-tabs ul li:first-child div:first-child,#page-tabs ul li.selected:first-child div:first-child{width:9px}
#page-tabs ul li:first-child div:first-child{background:url(../images/menu.png) 0 -27px no-repeat}
#page-tabs ul li.selected{background:url(../images/menu.png) 0 -270px repeat-x}
#page-tabs ul li.selected div{background:url(../images/menu.png) 0 -324px no-repeat}
#page-tabs ul li.selected.last div.last{background:url(../images/menu.png) 0 -108px no-repeat}
#page-tabs ul li.selected + li div{background:url(../images/menu.png) 0 -297px no-repeat}
#page-tabs ul li.selected:first-child div:first-child{background:url(../images/menu.png) 0 -81px no-repeat
}#page-tabs ul.right{float:right}
#page-tabs ul.right li:first-child div:first-child,#page-tabs ul.right li.selected:first-child div:first-child{width:21px}
#page-tabs ul.right li:first-child div:first-child{background:url(../images/menu.png) 0 -162px no-repeat}
#page-tabs ul.right li.last div.last{width:9px;background:url(../images/menu.png) 0 -189px no-repeat}
#page-tabs ul.right li.selected.last div.last{background:url(../images/menu.png) 0 -243px no-repeat}
#page-tabs ul.right li.selected:first-child div:first-child{background:url(../images/menu.png) 0 -216px no-repeat}


/*---------- 05  Main -----------*/
#main {
	margin: 0;
	margin-top:8px;
}

.frame{
	background:url(../images/main_01.gif) repeat-y;
	border-top: #bbbbbb solid 1px;
	border-bottom: #bbbbbb solid 2px;
	padding:0;
	margin:0;
}
h2{
	background:url(../images/bulb_go.png) no-repeat;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	text-indent:20px;
	color:#1d8895;
	line-height:22px;
	margin:10px 0 15px 10px;
}
#main #content{
	text-align:center;
	margin-bottom:20px;
}
.tableBackground{ background:#e7e7e7;}
.tableheader{ background:#f0f0f0; border-bottom:#c7c5c5 1px solid;font-weight:560;}
.tableheader2{ background:#f0f0f0; font-weight:bold; border:none}
.tableContentOdd{background: #f3f7f7; color:#565454}
.tableContentEven{background: #FFF;color:#565454}
.tableFooter{background:#f0f0f0;border-top:#c7c5c5 1px solid}
.add{ background:url(../images/add.png) 15px 10px no-repeat;
	line-height:16px;
}
.add2{ background:url(../images/add.png) 15px 28px no-repeat;
	line-height:16px;
}
.add3{ background:url(../images/add.png) 0 0px  no-repeat ;
	text-align:left;
	padding-left:20px;
}
.export{
	background:url(../images/export.png) 0 5px no-repeat;
	line-height:18px;
}

.borderImage{
	border:1px #CCC solid;
	padding:1px;
	line-height:1%;
}
.line{ background:url(../images/line.gif) repeat-x;}
.titleInfo{
	background:url(../images/info.gif) no-repeat bottom left;
	color:#416ed0;
	text-indent:20px;
	text-align:left;
	line-height:20px;
}
.dot{
	background:url(../images/dot.gif) 0px 10px no-repeat;
	text-align:left;
	text-indent:5px;
}
/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	margin:0;
	height: 50px;
	}
*:first-child+html #footer { font-size: 9px; } /*  for IE7 only */
* html body #footer { font-size: 9px; width: 820px; } /*  for IE6 only */

#footer a {
	text-decoration: none;
	color: #5683cc;
	}
#footer a:hover { text-decoration: underline; }

#footer ul { 
	list-style: none;
	margin: 0 1em 2px 1em;
	padding: 0;
	clear: both;
	}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#footer address {
	margin:5px 0 0 5px;
	text-align:left;
	color: #5683cc;
	}
#footer address a { color: #5683cc; }

/*---Common--*/

.width_20{width:20px;}.width_40{width:40px;}.width_50{width:50px;}.width_59{width:59px;}.width_60{width:60px;}.width_70{width:70px;}.width_80{width:80px;}
.width_80{width:80px;}.width_90{width:90px;}.width_100{width:100px;}.width_102{width:102px;}.width_110{width:110px;}.width_120{width:120px;}.width_132{width:132px;}
.width_250{width:150px;}.width_152{width:152px;}.width_250{width:170px;}.width_172{width:172px;}.width_150{width:150px;}
.width_250{width:250px;}.width_252{width:252px;}.width_200{
}

.height_18{ height:18px;}.height_22{ height:22px;}


dth:252px;}.width_200{width:200px;}.width_204{width:204px;}

.height_18{ height:18px;}.height_22{ height:22px;}


.margin_l30{margin-left:30px;}
.margin_l50{margin-left:50px;}.margin_l100{margin-left:100px;}.margin_l150{margin-left:150px;}.margin_l20{margin-left:20px;}
.margin_l100{margin-left:100px;}.margin_t5{margin-top:5px;}.margin_t10{margin-top:10px;}.margin_t20{margin-top:20px;}.margin_t30{margin-top:30px;}.margin_t32{margin-top:32px;}
.margin_r10{margin-right:10px;}
.margin_l260{margin-left:260px;}


.padding_t5{padding-top:10px;}
.padding_l26{padding-left:26px;}
.indent_10{text-indent:10px;}
.margin_b5{ margin-bottom:5px;}.margin_b10{ margin-bottom:10px;}.margin_b15{ margin-bottom:15px;}
.margin_l29{margin-left:29px;}
.margin_b132{margin-top:132px;}
.font11{font-size:11px;}

.cursorNormal{ cursor:default;}
.errorMsg{
	background:url(../images/error.gif) no-repeat;
	text-indent:30px;
	padding-left:20px;
	color:Red;
}
.errorMsg2{
	background:url(../images/error.gif) no-repeat;
	padding-left:20px;
	color:Red;
}

/*---Color--*/
.white_bg{
	background:#FFF;
}
.red{ color:#b70000;}
.disable{background:#e8e4e4; color:#999; border:#CCC 1px solid;}
.grey{color:#e8e4e4;}
.cursorPointer{cursor:pointer;}
.width_200{ width:200px}






